
import { Editor, EditorProps } from '../editor';
import { State as ControlState } from './control';
import React = require('react');

export interface EditorState extends Partial<ControlState> {

}

export default class LocationBarEditor extends Editor<EditorProps, EditorState> {
    constructor(props) {
        super(props);

        this.loadEditorCSS();
    }
    render() {
        let { showStoreLogo } = this.state;
        return <div className="location-bar-editor">
            <div className="form-group clearfix">
                <label className="pull-left">显示店铺图标</label>
                <div>
                    <label className="switch">
                        <input type="checkbox" className="ace ace-switch ace-switch-5" checked={showStoreLogo}
                            onChange={(e) => {
                                showStoreLogo = e.target.checked;
                                this.setState({ showStoreLogo })
                            }} />
                        <span className="lbl middle"></span>
                    </label>
                </div>
            </div>
        </div>
    }
}